body {
	font-size: 12px;
}

.cal {
	position: absolute;
	width: 254px;
	border-collapse: collapse;
	border: 1px solid black;
	background-color: white;
	display: none;
}

.ctrl {
	width: 100%;
	height: 100%;
	background-color: #41A9CC;
	color: white;
	text-align: center;
}

.prevMonth, .nextMonth {
	padding: 2px 5px;
	cursor: pointer;
}

.showDate {
	width: 100px;
}

.cal td {
	height: 25px;
	padding1: 0px;
}

.not-current-month {
	color: lightgray;
}

.today {
	color: red;
}

.month {
	font-weight: bold;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

.month thead tr {
	background-color: #D0F0F0;
}

.calctrl {
	width: 100%;
	border-collapse: collapse;
}

.calctrl label {
	padding: 3px 7px;
	background-color: #41A9CC;
	color: white;
	cursor: pointer;
}

.calctrl label:hover {
	color: blue;
}

.cal span {
	width: 20px;
	padding: 5px;
	cursor: pointer;
	display: block;
	border: 1px solid white;
}

.gotoMonth, .go {
	text-align: right;
}

.gotoMonth input {
	width: 80px;
}

.prevMonth:hover, .nextMonth:hover, .cal span:hover {
	background-color: #9ED3E4;
	border-color: #41A9CC;
	color: white;
}

span.selected {
	color: blue;
	border: 1px solid gray;
	background-color: lightgray;
}